利用群晖NAS的利用WebStation套件做个性导航页

我把浏览器主页从hao123换成自己写的导航页那天，办公室同事以为我中了什么邪——一个纯白底、晖n航页只有十几个链接的套件极简页面，连个搜索框都没有。性导但这就是利用我折腾群晖NAS三天后的成果，用WebStation套件自带的晖n航页虚拟主机功能，挂一个静态HTML文件，套件搞定。性导

你不需要懂后端，利用不需要数据库，晖n航页甚至不需要会JavaScript。套件WebStation本质是性导个轻量级Web服务器管理器，你只要把写好的利用HTML丢进NAS的web文件夹，再给它分配个端口或域名就行。晖n航页我的套件做法是：控制面板 → 共享文件夹 → web，新建一个nav目录，把index.html拖进去。然后打开WebStation，点击“新增”网站，选择“基于端口”，端口填个8088，文档根目录指向刚才的nav文件夹。保存，完事。

访问 http://你的NASIP:8088，导航页就这么上线了。比买域名、租服务器省心一百倍，而且内网访问速度飞快，响应时间基本在5毫秒以内——我在办公室用手机连Wi-Fi测过，打开导航页的瞬间，几乎感觉不到加载过程。

真正的乐趣在写页面本身。我用了最朴素的CSS：display:flex 居中，每个链接卡片加个 :hover 变色的效果，背景色用了 #f7f7f7 这种接近纸张的灰白。链接分组按使用频率来——最上面一排是工作必须的：GitLab、Jira、公司邮箱、NAS管理后台。中间是常用工具：百度翻译、在线PS、ProcessOn。最下面才是娱乐内容，但被我刻意放了两个不常用的，因为我知道自己刷视频根本停不下来。

有个细节值得说：我把导航页的标题写成了“干活儿”，每次打开浏览器，标签栏上就顶着这两个字。同事路过看见，问我是不是老板给的压力太大。我说不是，纯粹为了提醒自己别点开B站。

WebStation还支持PHP，但我的导航页连PHP都没用。纯静态页面有个好处——不需要担心服务器端脚本漏洞，也不怕被注入。群晖的DSM系统本身有安全更新机制，WebStation套件会跟着一起升级，我只要保证自己的HTML里别写危险代码就行。我甚至给页面加了段简单的JS，用来显示当前时间，代码量不超过十行，纯属装饰。

如果嫌手动改HTML麻烦，你可以在web文件夹里建个 config.json，用几十行JavaScript读取那个文件来渲染页面。这样每次加链接，只需编辑JSON文件，不用碰HTML。我试过这个方案，最后放弃了——因为我的链接列表两个月才变一次，直接改HTML反而更直观。

对了，记得在路由器上做端口转发，把NAS的8088端口映射到公网，这样你在外面也能用手机访问这个导航页。但我不建议这么干，除非你设置了访问密码。我自己的做法是只在内网用，因为公司电脑和家里电脑都通过VPN连回NAS，外网访问的需求根本不存在。

写这个页面的整个过程中，最让我意外的是：我竟然没花一分钱。没有买域名，没有租服务器，没有用任何云服务。群晖NAS本来就在家里7×24小时跑着，WebStation套件是免费的，我自己写的HTML也就两百多行。比起那些动不动就推荐你用WordPress建站的教程，这才是真的“零成本”。

最后提个醒：如果你用的是DSM 7.0以上版本，WebStation的界面和旧版略有不同，但核心逻辑一样——创建网站，选静态文件类型，指定目录。别被新界面吓到，点两下就能找到入口。我的DSM版本是7.2，操作路径清晰得很。